@font-face {
	font-family: 'H4 Ketan Font';
	src: url('/static/fonts/H4KetanFont-Regular.woff2') format('woff2'),
		url('/static/fonts/H4KetanFont-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Black Ops One';
	src: url('/static/fonts/BlackOpsOne-Regular.woff2') format('woff2'),
		url('/static/fonts/BlackOpsOne-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'UTM Than Chien Tranh';
	src: url('/static/fonts/UTMThanChienTranh.woff2') format('woff2'),
		url('/static/fonts/UTMThanChienTranh.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Antonio';
	src: url('/static/fonts/Antonio-Bold.woff2') format('woff2'),
		url('/static/fonts/Antonio-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
*{
	box-sizing: border-box;
}
html,
body {
	padding:0;
	margin:0;
	font-family: PingFang SC;
	height: 100%;
	/* filter: grayscale(1) */
}
body{
	max-width: 680px;
	margin: 0 auto;
	background-color: #F1F7FA;
}
img{
	display:block;
	width: 100%;
}

uni-page-wrapper uni-page-body{
	height: 100%;
}

.font-at{
	font-family: 'Antonio';
}
.font-utct{
	font-family: 'UTM Than Chien Tranh';
}
.font-boo{
	font-family: 'Black Ops One';
}
.font-hkf{
	font-family: 'H4 Ketan Font';
}
.titleLine:before{
	content: '';
	display: block;
	width: 3px;
	height:20px;
	background-color: #507EF7;
	margin-right: 5px;
}

.z-index10{
	z-index: 10;
}
.rough-texture {
 /* backdrop-filter: blur(1px); */
 background-color: rgba(80, 126, 247, 0.3);
}
.placeholder{
	color: grey;
	font-size: 12px;
}
.w-33{
	width: 31%;
}
